<template>
  <div>
    <a-card>
      <a-form layout="inline" @keyup.enter.native="searchQuery">
        <a-row :gutter="24">
          <a-col :xl="6" :lg="7" :md="8" :sm="24">
            <a-form-item label="时间">
              <g-year-picker
                placeholder="请选择时间"
                :is-init="false"
                v-model="queryParam.year"
              ></g-year-picker>
            </a-form-item>
          </a-col>
          <a-col :xl="6" :lg="7" :md="8" :sm="24">
            <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
              <a-button type="primary" @click="searchQuery" icon="search">查询</a-button>
            </span>
          </a-col>
        </a-row>
      </a-form>
    </a-card>
    <a-card style="margin-top: 12px" :bordered="false">
      <a-row>
        <a-col :sm="8" :xs="24">
          <head-info title="全校总课时" content="1000000" :bordered="true"/>
        </a-col>
        <a-col :sm="8" :xs="24">
          <head-info title="全校人均课时" content="500" :bordered="true"/>
        </a-col>
        <a-col :sm="8" :xs="24">
          <head-info title="全校专职教师人数" content="600"/>
        </a-col>
      </a-row>
    </a-card>
    <a-card style="margin-top: 24px">
      <a-row>
        <three-year-total-classtime :date="queryParam.year"></three-year-total-classtime>
      </a-row>
    </a-card>
  </div>
</template>

<script>
import HeadInfo from '@/components/tools/HeadInfo'
import GYearPicker from '@views/gfxy/common/GYearPicker'
import moment from 'moment'
import threeYearTotalClasstime from '@views/gfxy/classtime/modules/threeYearTotalClasstime'
import Vue from 'vue'
import { CURRENT_DATE } from '@/store/mutation-types'


export default {
  name: "schoolClasstimeStatistics",
  components:{
    HeadInfo,GYearPicker,threeYearTotalClasstime
  },
  data(){
    return {
      queryParam:{
        year: ''
      },
      height: 420,
    }
  },
  created(){
    this.queryParam.year = Vue.ls.get(CURRENT_DATE);
  },
  methods:{
    searchQuery: function(){

    },


  },
  mounted(){

  },
}
</script>

<style scoped>

</style>